<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>小牛fly</title>
</head>

<body>
    <div class="container">
        <header>
            <img class="title" src="assert/images/cow_title.png" alt="fly cow !">
            <img class="music" src="assert/images/cow_music.png" alt="music">
        </header>
        <div class="score">分数<span></span></div>
        <div class="content"></div>
        <!-- 玻璃遮罩 -->
        <img src="assert/images/cow_glass.png" alt="" class="glass">
        <!-- 灯座 -->
        <img class="cow-seat" src="assert/images/cow_seat.png" alt="" class="cow-seat">

        <!-- go杆 -->
        <img src="assert/images/cow_gobar.png" alt="" class="go-bar">
        <!-- go按钮 -->
        <img src="assert/images/cow_go.png" alt="" class="go">
        <!-- 开关指示灯 -->
        <img src="assert/images/cow_lighton.png" alt="" class="light-on hide">
        <img src="assert/images/cow_lightoff.png" alt="" class="light-off">

        <!-- 按钮组 -->
        <div class="button-group">
            <div class="three-btn">
                <button>X1<span>消耗10</span></button>
                <button>X2<span>消耗20</span></button>
                <button>X3<span>消耗30</span></button>
            </div>
            <div class="two-btn">
                <button>说明~</button>
                <button>领取~</button>
            </div>
        </div>

        <!-- 三列小牛 -->
        <div class="cow-columns">
            <ul class="column1 column">
                <li>0</li>
                <li>
                    <img src="assert/images/cow_head.png" alt="">
                </li>
                <li>9</li>
                <li>8</li>
                <li>7</li>
                <li>6</li>
                <li>5</li>
                <li>4</li>
                <li>3</li>
                <li>2</li>
                <li>1</li>
                <li>0</li>
                <li>
                    <img src="assert/images/cow_head.png" alt="">
                </li>
                <li>9</li>
            </ul>
            <ul class="column2 column">
                <li>0</li>
                <li>
                    <img src="assert/images/cow_head.png" alt="">
                </li>
                <li>9</li>
                <li>8</li>
                <li>7</li>
                <li>6</li>
                <li>5</li>
                <li>4</li>
                <li>3</li>
                <li>2</li>
                <li>1</li>
                <li>0</li>
                <li>
                    <img src="assert/images/cow_head.png" alt="">
                </li>
                <li>9</li>
            </ul>
            <ul class="column3 column">
                <li>0</li>
                <li>
                    <img src="assert/images/cow_head.png" alt="">
                </li>
                <li>9</li>
                <li>8</li>
                <li>7</li>
                <li>6</li>
                <li>5</li>
                <li>4</li>
                <li>3</li>
                <li>2</li>
                <li>1</li>
                <li>0</li>
                <li>
                    <img src="assert/images/cow_head.png" alt="">
                </li>
                <li>9</li>
            </ul>
        </div>

        <!-- 出票 -->
        <div class="ticket-container">
            <img class="ticket" src="assert/images/rs1.png" alt="">
            <img class="hide" src="assert/images/rs2.png" alt="">
            <img class="hide" src="assert/images/rs3.png" alt="">
            <img class="hide" src="assert/images/rs4.png" alt="">
            <img class="hide" src="assert/images/rs5.png" alt="">
            <img class="hide" src="assert/images/rs6.png" alt="">
            <img class="hide" src="assert/images/rs7.png" alt="">
            <img class="hide" src="assert/images/rs8.png" alt="">
            <img class="hide" src="assert/images/rs9.png" alt="">
            <img class="hide" src="assert/images/rs10.png" alt="">
        </div>
    </div>
</body>

</html>